<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/base/tag.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<LINK rel="stylesheet" type="text/css"
	href="${baseurl}js/easyui/styles/default.css">
<%@ include file="/WEB-INF/jsp/base/common_css.jsp"%>
<%@ include file="/WEB-INF/jsp/base/common_js.jsp"%>
<title>订单发货</title>

<script type="text/javascript">

	//datagrid列定义
	var columns_v = [ [ {
		field : 'orderNo',//对应json中的key
		title : '订单号码',
		align :'center',
		width : 180
	}, {
		field : 'createTime',//对应json中的key
		title : '时间 ',
		align :'center',
		width : 180
	}, {
		field : 'name',//对应json中的key
		title : '顾客',
		align :'center',
		width : 140

	}, {
		field : 'star',//对应json中的key
		title : '星级',
		align :'center',
		width : 140,
		formatter:function(value, row, index){
		    if(value=='1'){
		       return "<img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='2'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='3'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='4'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }else if(value=='5'){
		      return "<img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img><img src='${baseurl}images/icon-star.png'></img>";
		    }
		}
		
	}, {
		field : 'orderStatus',//对应json中的key
		title : '状态',
		width : 140,
		align :'center',
		formatter : function(value, row, index) {//通过此方法格式化显示内容,value表示从json中取出该单元格的值，row表示这一行的数据，是一个对象,index:行的序号
			if(value =='1'){
				return "待确认";
			}else if(value =='2'){
				return "待配货";
			}else if(value =='3'){
				return "待发货";
			}else if(value =='4'){
				return "待收货";
			}
		}
	}, {
		field : 'opt1',
		title : '操作',
		align :'center',
		width : 140,
		formatter : function(value, row, index) {
			return "<a href=javascript:finshSendOrder('"+row.id+"')>完成</a>";
		}
	}, 
	{
		field : 'opt2',
		title : '详细',
		align :'center',
		width : 140,
		formatter : function(value, row, index) {
			return "<a href=javascript:loadinfo('"+row.id+"')>查看</a>";
		}
	} ] ];

	//加载datagrid
	$(function() {
		$('#orderlist').datagrid({
			title : '确认发货查询',
			nowrap : true,//单元格中的数据不换行，如果为true表示不换行，不换行情况下数据加载性能高，如果为false就是换行，换行数据加载性能不高
			striped : true,
			url : "${pageContext.request.contextPath}/order/querySendOrderList",
			idField : 'id',
			loadMsg : '',
			columns : columns_v,
			pagination : true,//是否显示分页
			rownumbers : true,//是否显示行号
			pageList:[5,10,20],
			width: $(window).width() - 10,
            height: $(window).height() - 35
		});
	});
	
	//搜索方法
	function queryorder(){
		//将form表单数据提取出来，组成一个json
		var formdata = $("#orderqueryForm").serializeJson();
		$('#orderlist').datagrid('load',formdata);
	}
	//点击完成进行发货
	function finshSendOrder(id){
	    _confirm('您是否开始发货？',null,function (){
			$("#send_id").val(id);
			//使用ajax的from提交执行
			 var options = {
			      url: "${pageContext.request.contextPath}/order/sendOrderStatus",
			      type:"post",
			      dataType:"json",
			      success: function(data) {
			          if(data.code=="200"){
			             $.messager.alert("信息",data.message,"info");
			             //刷新表格
			             queryorder();
			          }else if(data.code=="300"){
			             $.messager.alert("信息",data.message,"error");
			          }
			      }
			    };
			    $("#sendOrderForm").ajaxSubmit(options);
			
		}); 
	}
	//点击我要收款
	function pay(){
		var row = $("#orderlist").datagrid("getSelected");
		if (row){	  
			  $.messager.alert("未完成","dsds","info");
			}else{
			   $.messager.alert("提示信息","请选择一条记录","info");
		}
}
    //查看订单详细
    function loadinfo(id){
        createmodalwindow("订单发货信息", 1100, 700, '${baseurl}order/orderSendDetail?id='+id);
    }
    
</script>
</head>
<body>
<div style="height:30px;border:1px solid #CCC">
             <TR>
				<TD height=12 style="font-size: 15px">首页  &nbsp;&nbsp; ></TD>
				<TD height=12 style="font-size: 15px" >订单管理 &nbsp; >&nbsp;</TD>
				<TD height=12 style="font-size: 15px" >订单发货</TD>
			</TR>
</div>
	<!-- html的静态布局 -->
  <form id="orderqueryForm">
	<!-- 查询条件 -->
	<TABLE class="table_search" style="margin-top :10px">
		<TBODY>
			<TR>
				<TD class="left">订单号码：</td>
				<td><INPUT type="text" name="orderNo" /></TD>
				<TD class="left">顾客：</TD>
				<td><INPUT type="text" name="name" /></TD>
				<TD class="left">时间从：</TD>
				<td> <INPUT id="startTime" name="startTime" 
							 onfocus="WdatePicker({isShowWeek:false,skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" style="width:80px"/>到
					 <INPUT id="endTime" name="endTime"
							 onfocus="WdatePicker({isShowWeek:false,skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" style="width:80px"/></TD>
				<td>
				<a id="btn" href="#" onclick="queryorder()"
					class="easyui-linkbutton" iconCls='icon-search'>确定</a></td>
			</TR>

		</TBODY>
	</TABLE>

<div id="toolbar" style="padding:5px;height:auto">    
    <div style="margin-bottom:5px">  
      <s:if test="${paymentStatus=='0' }">
	        <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="pay();">我要收款</a>                
    </s:if>
    </div>    
</div>
	<!-- 查询列表 -->
	<TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=left >
		<TBODY>
			<TR>
				<TD>
					<table id="orderlist"></table>
				</TD>
			</TR>
		</TBODY>
	</TABLE>
</form>
<form id="sendOrderForm" action="" method="post">
  <input type="hidden" id="send_id" name="id" />
</form>
</body>
</html>